{/* LAYOUT模板 */}
	<layout name="login_layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
	<css href="__THEMES__/css/style.css" />
	<css href="__PUBLIC__/Css/jquery-ui.css" />
	<js href="__PUBLIC__/Js/core/jquery-ui.1.10.4.js" />
{/* import Js,Css */}

<!--购买步骤图-->
<style>
.step_buy_pic{background:url('__THEMES__/images/bg_services.jpg') top center no-repeat; height:299px;}
.step3-wrapper {
	width: 1170px;
	margin: 0 auto 20px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
}
</style>
<div class="step_buy">
	<span class="dp step_buy_pic"></span>
</div>
<!--购买步骤图-->

<!--个人中心服务-->
<style>
.mservice{background:#FAFAFA; position:relative}.mservice_wrap{padding-top:50px; padding-bottom:50px;}.mservice_wrap dl dd{display:block; float:left; width:239px;}.mservice_item .mservice_item_pic{background:url('__THEMES__/images/icon_services.png') 0px 0px no-repeat;width:136px; height:136px; display:block; margin:auto;}.mservice_item .usercenter{background-position:0px 0px; display:block;}.mservice_item .afterservie{background-position:-136px 0px; display:block;}.mservice_item .servicecenter{background-position:-272px 0px; display:block;}.mservice_item .helpcenter{background-position:-408px 0px; display:block;}.mservice_item .downloadcenter{background-position:-544px 0px; display:block;}.mservice_item a{text-decoration:none; color:#404040;}.mservice_item a:hover{color:#E8380D;}.mservice_item .mservice_item_text{display:block; text-align:center; font-size:16px;margin-top:20px;}
</style>
<div class="mservice clearfix">
	<div class="w_1200 mservice_wrap">
		<dl class="clearfix">
			<dd class="mservice_item">	
				<a href="#">
					<span class="mservice_item_pic usercenter"></span>
					<b class="mservice_item_text">个人中心</b>
				</a>
			</dd>
			<dd class="mservice_item">	
				<a href="#">
					<span class="mservice_item_pic afterservie"></span>
					<b class="mservice_item_text ">售后服务</b>
				</a>
			</dd>
			<dd class="mservice_item">	
				<a href="#">
					<span class="mservice_item_pic servicecenter"></span>
					<b class="mservice_item_text ">客服中心</b>
				</a>
			</dd>
			<dd class="mservice_item">	
				<a href="#">
					<span class="mservice_item_pic helpcenter"></span>
					<b class="mservice_item_text">帮助中心</b>
				</a>
			</dd>
			<dd class="mservice_item">	
				<a href="#">
					<span class="mservice_item_pic downloadcenter"></span>
					<b class="mservice_item_text">软件下载</b>
				</a>
			</dd>
		</dl>
	</div>
</div>
<!--个人中心服务-->


<!--用户中心导航-->
<style>
.w20{width:20%;}
.w79{width:79%;}
</style>
<div class="">
	<div class="w_1200 mp20 clearfix">
		<!--左边栏-->
		<div class="LBanner fl w20 clearfix">
			<include file="User:user_menu"/>
		</div>
		<!--左边栏-->
		<!--右边栏-->
		<div class="RBanner fr w79 clearfix">
			<style>
			.uc-box {
				margin-left: 20px;
			}
			.xm-line-box .box-hd .title {
				margin: 0;
				font-size: 18px;
				font-weight: 400;
				line-height: 50px;
				color: #333;
				text-align:left;
			}
			.xm-line-box .box-hd .more {
				position: absolute;
				top: 20px;
				right: 0;
			}
			.uc-order-list-type a.current {
				color: #ff4a00;
			}
			.uc-order-list-type a {
				color: #333;
			}
			.uc-order-list-type .sep {
				margin: 0 15px;
			}
			.box-hd {
				position: relative;
				height: 50px;
				border-bottom: 1px solid #e2e3e5;
			}
			</style>
			<div class="xm-line-box uc-box hide">
				<div class="box-hd">
					<h3 class="title">
						我的订单
					</h3>
					<div class="more">
						<div class="uc-order-list-type">
							<a class="current" href="http://order.mi.com/user/order?r=87817961_t1410778176">
								全部订单
							</a>
							<span class="sep">
								|
							</span>
							<a href="http://order.mi.com/user/order/7?r=87817961_t1410778176">
								未支付订单
							</a>
							<span class="sep">
								|
							</span>
							<a href="http://order.mi.com/user/recharge?r=87817961_t1410778176">
								话费充值订单
							</a>
							<span class="sep">
								|
							</span>
							<a href="http://order.mi.com/user/order/5?r=87817961_t1410778176">
								已关闭订单
							</a>
						</div>
					</div>
				</div>
			</div>
			<!--右边对应左边栏内容-->
			<style>
			/*表格样式*/
			table {
				max-width: 100%;
				background-color: transparent;
			}
			table.orders-table {
				width: 100%;
				border: 1px solid #ccc;
				border-collapse: collapse;
				margin-top: 20px;
			}
			table.orders-table th, table.orders-table td {
				height: 40px;
				text-align: center;
				border: 1px solid #ccc;
				vertical-align: middle;
			}
			table.orders-table th {
				background: #F7F9F9;
			}
			table.orders-table td {
				height: 60px;
			}
			table.account_log_table td {
				height: 40px;
			}
			</style>				
				<!--#会员余额 start-->
					<if condition="$action eq 'account_raply' or $action eq 'account_log' or $action eq 'account_detail'">
					<!--{if $action eq "account_raply" || $action eq "account_log" || $action eq "account_deposit" || $action eq "account_detail"} -->
						<div class="xm-line-box uc-box">
							<div class="box-hd">
								<h3 class="title">
									我的订单
								</h3>
								<div class="more">
									<a class="current" href="http://order.mi.com/user/order?r=87817961_t1410778176">
										{$lang.surplus_type_0}
									</a>
									<span class="sep">
										|
									</span>
									<a href="http://order.mi.com/user/order/7?r=87817961_t1410778176">
										{$lang.surplus_type_1}
									</a>
									<span class="sep">
										|
									</span>
									<a href="http://order.mi.com/user/recharge?r=87817961_t1410778176">
										{$lang.add_surplus_log}
									</a>
									<span class="sep">
										|
									</span>
									<a href="http://order.mi.com/user/order/5?r=87817961_t1410778176">
										{$lang.view_application}
									</a>
								</div>
							</div>
						</div>
					</if>	
					
					<if condition="$action eq 'account_log'">
						<table class="member-grid orders-table account_log_table" width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
							<tr align="center">
								<th >{$lang.process_time}</th>
								<th >{$lang.surplus_pro_type}</th>
								<th >{$lang.money}</th>
								<th >{$lang.process_notic}</th>
								<th >{$lang.admin_notic}</th>
								<th >{$lang.is_paid}</th>
								<th >{$lang.handle}</th>
							</tr>
							<volist name="account_log" id="item">
								<tr>
									<td align="center" >{$item.add_time}</td>
									<td align="left" >{$item.type}</td>
									<td align="right" >{$item.amount}</td>
									<td align="left" >{$item.short_user_note}</td>
									<td align="left" >{$item.short_admin_note}</td>
									<td align="center" >{$item.pay_status}</td>
									<td align="right" >{$item.handle}
									<if condition="($item['is_paid'] eq 0 and $item['process_type']) or $item['handle']">
									<!-- {if ($item.is_paid eq 0 && $item.process_type eq 1) || $item.handle} -->
										<a href="user.php?act=cancel&id={$item.id}" onclick="if (!confirm('{$lang.confirm_remove_account}')) return false;">{$lang.is_cancel}</a>
									</if>
									</td>
								</tr>
							</volist>
							<tr>
								<td colspan="7" align="right" >{$lang.current_surplus}{$surplus_amount}</td>
							</tr>
						</table>
					</if>	
					
					<if condition="$action eq 'account_raply'">
						<form name="formSurplus" method="post" action="user.php" onSubmit="return submitSurplus()">
							<table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
								<tr>
									<td width="15%" >{$lang.repay_money}:</td>
									<td  align="left">
										<input type="text" name="amount" value="{$order.amount}" class="inputBg" size="30" />
									</td>
								</tr>
								<tr>
									<td >{$lang.process_notic}:</td>
									<td  align="left">
										<textarea name="user_note" cols="55" rows="6" style="border:1px solid #ccc;">{$order.user_note}</textarea>
									</td>
								</tr>
								<tr>
									<td  colspan="2" align="center">
										<input type="hidden" name="surplus_type" value="1" />
										<input type="hidden" name="act" value="act_account" />
										<input type="submit" name="submit"  class="bnt_blue_1" value="{$lang.submit_request}" />
										<input type="reset" name="reset" class="bnt_blue_1" value="{$lang.button_reset}" />
									</td>
								</tr>
							</table>
						</form>
					</if>
						
					<if condition="$action eq 'account_deposit'">
						<form name="formSurplus" method="post" action="user.php" onSubmit="return submitSurplus()">
							<table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
								<tr>
									<td width="15%" >{$lang.deposit_money}:</td>
									<td align="left" >
										<input type="text" name="amount"  class="inputBg" value="{$order.amount}" size="30" />
									</td>
								</tr>
								<tr>
									<td >{$lang.process_notic}:</td>
									<td align="left" >
										<textarea name="user_note" cols="55" rows="6" style="border:1px solid #ccc;">{$order.user_note}</textarea>
									</td>
								</tr>
							</table>
							<table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
								<tr align="center">
									<td   colspan="3" align="left">{$lang.payment}:</td>
								</tr>
								<tr align="center">
									<td >{$lang.pay_name}</td>
									<td  width="60%">{$lang.pay_desc}</td>
									<td  width="17%">{$lang.pay_fee}</td>
								</tr>
								<volist name="payment" id="list">
									<tr>
										<td  align="left">
										<input type="radio" name="payment_id" value="{$list.pay_id}" />{$list.pay_name}</td>
										<td  align="left">{$list.pay_desc}</td>
										<td  align="center">{$list.pay_fee}</td>
									</tr>
								</volist>
								<tr>
									<td  colspan="3"  align="center">
									<input type="hidden" name="surplus_type" value="0" />
									<input type="hidden" name="rec_id" value="{$order.id}" />
									<input type="hidden" name="act" value="act_account" />
									<input type="submit" class="bnt_blue_1" name="submit" value="{$lang.submit_request}" />
									<input type="reset" class="bnt_blue_1" name="reset" value="{$lang.button_reset}" />
									</td>
								</tr>
							</table>
						</form>
					</if>
				
					<if condition="$action eq 'act_account'">
						<table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
							<tr>
								<td width="25%" align="right" >{$lang.surplus_amount}</td>
								<td width="80%" >{$amount}</td>
							</tr>
							<tr>
								<td align="right" >{$lang.payment_name}</td>
								<td >{$payment.pay_name}</td>
							</tr>
							<tr>
								<td align="right" >{$lang.payment_fee}</td>
								<td >{$pay_fee}</td>
							</tr>
							<tr>
								<td align="right" valign="middle" >{$lang.payment_desc}</td>
								<td >{$payment.pay_desc}</td>
							</tr>
							<tr>
								<td colspan="2" >{$payment.pay_button}</td>
							</tr>
						</table>
					</if>
				
					<if condition="$action eq 'account_detail'">
						<table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd">
							<tr align="center">
								<td >{$lang.process_time}</td>
								<td >{$lang.surplus_pro_type}</td>
								<td >{$lang.money}</td>
								<td >{$lang.change_desc}</td>
							</tr>
							<volist name="account_log" id="item">		
							<tr>
								<td align="center" >{$item.change_time}</td>
								<td align="center" >{$item.type}</td>
								<td align="right" >{$item.amount}</td>
								<td  title="{$item.change_desc}">&nbsp;&nbsp;{$item.short_change_desc}</td>
							</tr>
							</volist>
							<tr>
								<td colspan="4" align="center" ><div align="right">{$lang.current_surplus}{$surplus_amount}</div></td>
							</tr>
						</table>
					</if>
					
			<!--右边对应左边栏内容-->
		</div>
		<!--右边栏-->
	</div>
</div>
<!--用户中心导航-->



